@import '../../styles/variables';
@import '../../styles/colours';
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';

.deck-list {
    padding-top: 15px;

    .table-hover {
        tbody {
            tr:hover {
                background-color: rgba(theme-color('info'), 0.3);
            }
        }
    }

    table {
        border: solid 1px #dee2e6;
        border-width: 0 1px 1px 0;
        border-spacing: 0;
        border-collapse: separate;

        th,
        td {
            border: solid 1px #dee2e6;
            border-width: 1px 0 0 1px;
        }
        tr {
            td {
                padding-top: 5px;
                padding-bottom: 5px;
            }
        }
    }

    .invalid {
        background-color: rgba(theme-color(danger), 0.6);
    }
}

.deck-image {
    padding-left: 0;
    padding-right: 0;
    width: 30px;
}

.hover-image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: $layer-top;
}

.deck-expansion {
    max-width: 15px;
    margin: 2px;
}

.selected-deck {
    background-color: rgba(theme-color('primary'), 0.7);
}
